html, body, a {
    font-size: 14px;
    font-family: Arial;
}


.main_contaier {
    padding:40px 30px 40px;
}

.item-add-person{
    font-size: 13px;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.item-person-in-list img {width:100%;}
.item-person-in-list{position: relative;}
.item-person-in-list .btn-remove {
    position: absolute;
    top:5px;
    left:20px;
    z-index: 20;
    box-shadow: 0px 0px 5px #000;
    border-radius:0px;
}
.item-person-in-list .btn-remove button{
    padding: 4px;
    font-size: 12px
}


p.error{font-style: italic; color:#ff0000;}

.navbar-inverse .navbar-nav > li > a{color:#fff; font-weight: bold}

.header {
	background-color: #7AC143;
}

.navbar-inverse {
	background-color: #7AC143;
}

.item-person-in-list {
	margin-bottom: 20px;
}

.box-reg-hide{padding-top: 7px}

.box-reg-hide input.f_left{
	width: 150px;
	margin-right: 10px;
	float: left;
}
.box-reg-hide button.f_left {float: left;}

/* Langding page*/
.main-landing {padding: 100px 30px 40px}
.center{text-align: center; font-weight: bold;}


.show-pop-login{
	background-color: #fff;
	border-radius:10px;
	box-shadow: 0px 0px 4px #999;
	padding:0px 0px 15px 0px;
}
.sign-header{
	background-color: #ccc;
	padding: 10px;
	position: relative;
}
.sign-header a{
	position: absolute;
	top:35%;
	right:20px;
}

.main-sign-box{
	padding: 10px;
	width:450px;
}

/* Detail page*/
span.total-count {
	border-bottom: 2px solid #7AC143;
	min-width: 200px;
	display: inline-block;
}
.text-1{padding:10px; }
.text-1 a.s{font-size: 20px;}
 a.moreText
        {
            color: blue;
            cursor: pointer;
            padding-left: 5px;
            padding-right: 10px;
             width:100%;
            text-align: center;
        }
        
        a.lessText
        {
            cursor: pointer;
            color: blue;
            display: none;
            padding-left: 5px;
            padding-right: 10px;
            width:100%;
            text-align: center;
        }
        
        span.secondHalf
        {
            display: none;
        }

        .hihi{
        	display: inline-block;
        	text-align: center;
        	width:100%;
        	color:#212121;
        	font-size: 12px; font-weight: bold;
        }

        .hihi a{color:#212121;}

/* Person page*/
.header_person {
    background-color: #7AC143;
    min-height:100px;
    position: relative;
}

.photo_cover {
    /*position: absolute;*/
    top: 20px;
    left: 20px;
}

.hour_ago_comment {
    font-style: italic; color:#999;
}


#show-list-comment div.row {font-size: 12px; border-bottom: 1px dotted #ccc}
/*#show-list-comment div.row:nth-child(2n) {
    background-color: #f2f2f2;
}*/
#show-list-comment div.row:hover{
    background-color: #f2f2f2;
}


/*Form upload avatar */
.box-lean-modal {

     width: 404px;
     padding-bottom: 2px;

    display:none;


    background: #FFF;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
       
}
.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(../img/modal_close.png); z-index: 2; }
.signup-header { background: url(../image/hd-bg.png); padding: 1px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; margin-bottom: 15px }

.signup-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
.signup-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

.signup .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
.signup .btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }

.signup .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left;  }
.signup .txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
.signup .txt-fld input.good_input { background: #DEF5E1 url(../img/good.png) 236px center no-repeat; }
.signup .txt-fld input.error_input { background: #FDE0E0; }

/*===========Styles Popup Comment==========================*/

#photo_preview {
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0;
	color: #000000;
	display: none;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10;
    min-width: 900px;
}

.photo_wrp {
	background-color: #000;
    height: 520px;
    margin: 0px auto;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    position: relative;
    left: 15%;
    overflow: hidden;
    margin-top: 60px
}

a.close {
	cursor: pointer;
	position:absolute;
    top:0px;
    right:2px;
    z-index: 999;
}

.main_pop_photo{
    position:relative; text-align:center; 
       width:100%; height:100%; 
}

.column_left { 
	overflow: hidden;
	position: relative; 
	text-align:center;
	width:535px;
	height:500px;
	overflow:hidden;
    float:left;
} 
.column_left img.commentImg{
    max-width: 530px;
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.preview_prev, .preview_next {
	cursor: pointer;
	opacity: 0.4;
	position: absolute;
	top: 50%;
	-moz-transition: opacity 0.2s ease 0s;
	-ms-transition: opacity 0.2s ease 0s;
	-o-transition: opacity 0.2s ease 0s;
	-webkit-transition: opacity 0.2s ease 0s;
	transition: opacity 0.2s ease 0s;
    z-index: 99999;
}
.preview_prev:hover,.preview_next:hover{
	opacity: 0.9;
}
.preview_next {
	right:10px;
}
.preview_prev{ left:5px;}

.column_right { 
	position: relative; 
    background-color: #fff;
    float: left;
    margin-right: -20px;
    height: 520px;
    font-size: 12px;

}
#show-list-commentPhoto{
	height:400px;
    font-size: 12px; 
}